<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<!--    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1">-->
</head>
<style>
    .cont{
        padding:20px;
        box-sizing: border-box;
    }
    .next_btnk{
        position: fixed;
        left: 0;
        bottom: 0;
        padding:20px;
        box-sizing: border-box;
        width: 100%
    }
    .next_btnk .next_btn{
        width: 100%;
        background: #3683D3;
        color: #fff;
        text-align: center;
        padding: 30px;
        box-sizing: border-box;
        border-radius: 20px;
        font-size: 35px;
    }
</style>
<body>

<div class="cont">
    <?php echo $mianze['content'];?>
</div>
<div style="height:60px"></div>
<div class="next_btnk">
    <div class="next_btn" id="xiayibu">确定</div>
    <div class="next_btn" id="noxiayibu">确定</div>
</div>
</body>
<style>
    #xiayibu{
        display: none
    }
    #noxiayibu{
        opacity: 0.5;
    }
</style>
<script type="application/javascript" src="/assets/js/jquery-3.2.1.min.js"></script>
<script>
    window.addEventListener('scroll', function() {
        var scrollHeight = document.documentElement.scrollHeight;
        var clientHeight = window.innerHeight;
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        if(scrollHeight-10 <= scrollTop + clientHeight){
            console.log('已经滚动到底部！');
            $("#xiayibu").show()
            $("#noxiayibu").hide()
        }
    });
    $("#xiayibu").click(function(){

        window.history.back();

    })
</script>
</html>